<template>
 	<div class="card" id="bill-detail-vas">
    <div class="card-header">服务单明细</div>
    <table class="table table-striped table-hover table-sm small">
      <thead>
          <tr class="bg-info">
              <th>产品名称</th>
              <th>单价</th>
              <th>数量</th>
              <th>实收 </th>
              <th>成本</th>
              <th>利润</th>
              <th>备注</th>
          </tr>
      </thead>
      <tbody>
        <template  v-for="info in detailInfo.vasOrders">
          <tr :key="info.id">   
              <td>{{info.productName}}<small class="text-info">{{info.productCode}}</small></td>
              <td>{{info.price}}</td>                               
              <td>
                  {{info.count}}
              </td>
              <td>{{info.total}}</td>
              <td>{{info.cost}}</td>
              <td>{{info.profit}}</td>
              <td>{{info.remark}}</td>
          </tr>
        </template>
      </tbody>
    </table>
  </div>
</template>

<script>
  export default {
    props: {
      detailInfo: {
        type: Object
      }
    }
  }		
</script>